<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/ocie.dwt" codeOutsideHTMLIsLocked="false" -->
<head><!-- InstanceBeginEditable name="htmlHead" -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OCIE</title>
<link href="/css/screen.css" rel="stylesheet" type="text/css" />
<link href="/ocie/css/ocie.css" rel="stylesheet" type="text/css" />
<script src="/ocie/js/jquery.js"  type="text/javascript"></script>
<script src="/ocie/js/jquery.cookie.js"  type="text/javascript"></script>
<script src="/ocie/js/lib.js"  type="text/javascript"></script>
<script src="/ocie/js/reports.js"  type="text/javascript"></script>
<!-- InstanceEndEditable -->
<link rel="shortcut icon" href="/ocie/images/favicon.ico" type="image/vnd.microsoft.icon" />

</head>
<!-- InstanceParam name="bodyID" type="text" value="" -->
<body id="">
<!-- Position asymmetrical blue background behind navigation absolutely without disrupting other elements in IE -->
<div class="asymmetricalMask"></div>

<div id="primaryNavigation"> 
  <div class="topNavBox">
    <div class="centerBox"><!-- InstanceBeginEditable name="mainNav" --><a class="roll" title="Weekly Schedule of Appointments" href="/ocie/schedule/"><img src="/images/icons/schedule.gif" /> Schedule</a><a class="selected" title="Create and Print Reports" href="/ocie/reports/"><img src="/images/icons/reports.gif" /> Reports</a> <!-- InstanceEndEditable --><a class="logout" href="/ocie/"><img src="/images/icons/logout_icon.gif" alt="" width="22" height="22" />Logout</a><a href="/ocie/options/site/" class="logout" style="display:none;"><img width="22" height="22" alt="" src="/images/icons/options.gif"/>Options</a></div>
</div></div>

<div id="brandHeader">
 
<div class="centerBox"> 
<a href="/ocie/schedule/" title="Organizational Clothing and Individual Equipment"><!--temp link to main page - should point to user default --><img src="/ocie/images/ocie_logo.gif" class="headerLogo" alt="Organizational Clothing and Individual Equipment"/></a><!-- InstanceBeginEditable name="sectionTitle" --><img src="/ocie/images/reports_hd.gif" alt="" class="sectionTitle" id="sectionTitle"/><!-- InstanceEndEditable -->
</div>
</div>


<div id="secondaryNavigation">
 <!-- Position blazon absolutely left of center column without disrupting other elements in IE -->
  <div class="centerBox">
   <div class="blazon"><img src="/ocie/images/IMCOM_emblem.gif" alt="IMCOM - Installation Management Command" /></div>
  </div>
  <!-- InstanceBeginEditable name="secondaryNavigation" -->
  <div class="centerBox"><span class="selected"><a class="selected" href="">Available Reports</a></span></div>
  <!-- InstanceEndEditable -->
</div>

<div id="primaryContent" class="contrastingColor5">
<div class="centerBox contentControls contrastingColor2"><!-- InstanceBeginEditable name="contentControls" --><!-- InstanceEndEditable --></div>
<div class="centerBox mainContent" style="padding-top: 5px;"><!-- InstanceBeginEditable name="mainContent1" -->
<div id="button_div"></div>
<table id="reportsTable" summary="Available Reports" class="inline">
  <caption>Available Reports</caption>
  <colgroup>
    <col id="rReportCol" />
    <col id="rTitleCol" />
    <col id="rFromCol" />
    <col id="rShowCol" />
  </colgroup>
  <thead>
    <tr>
      <th scope="col">No.</th>
      <th colspan="3" scope="col">Report Details</th>
    </tr>
  </thead>
</table>


<table id="protoNoReportHTML" style="display:none;">
<tbody>
  <tr>
    <td colspan="4">
      There are currently no reports.
    </td>
  </tr>
</tbody>
</table>


<table id="protoDisplayReportHTML" style="display:none;">
<tbody>
  <tr>
    <td>
      <span class="hoverButton">Edit</span>
      <h5></h5>
    </td>
    <td>
      <h5></h5>
    </td>
    <td>
    </td>
    <td>
      <a href="#" class="button"><img alt="Show Report" src="/images/icons/generate_report.gif"/>Show Report</a>
      <a href="#" class="button"><img alt="PDF" src="/images/icons/print.gif"/>PDF</a>
    </td>
  </tr>
</tbody>
</table>


<table id="protoEditReportHTML" style="display:none;">
<tbody>
  <tr>
    <td>
      <h5></h5>
    </td>
    <td>
      <label>Report Title:</label>
      <br/>
      <input name="title" type="text" value="" size="25" />
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      <a href="#" class="button buttonInactive"><img alt="Show Report" src="/images/icons/generate_report.gif"/>Show Report</a>
      <a href="#" class="button buttonInactive"><img alt="PDF" src="/images/icons/print.gif"/>PDF</a>
    </td>
  </tr>
  <tr>
    <td>
      &nbsp;
    </td>
    <td>
      <label>Description</label>
      <br/>
      <textarea name="description" cols="25" rows="7"></textarea>
    </td>
    <td colspan="2">
      <label>SQL Query for Report:</label>
      <br/>
      <textarea name="query" cols="65" rows="7"></textarea>
    </td>
  </tr>
  <tr>
    <td colspan="4">
      <a href="#" class="button"><img alt="Save" src="/images/icons/save.gif" />Save</a>
      <a href="#" class="button"><img alt="Close" src="/images/icons/close.gif" />Cancel</a>
      <a href="#" class="button"><img alt="Delete" src="/images/icons/delete.gif" />Delete</a>
    </td>
  </tr>
</tbody>
</table>


<div id="protoAppointmentTypesSelectHTML" style="display:none;">
<label>Appointment Type:</label> <select name="$AppointmentType"></select>
</div>


<div id="protoUnitSelectHTML" style="display:none;">
<label>Unit:</label> <select name="$Unit"></select>
</div>


<div id="protoFromToInputHTML" style="display:none;">
<label>From:</label> <input name="$From" type="text" size="12" value="" /> <label>To:</label> <input name="$To" type="text" size="12" value="" />
</div>


<div id="protoPDFButtonHTML" style="display:none;">
<a href="#" class="button"><img alt="PDF" src="/images/icons/print.gif" />PDF</a>
</div>


<div id="protoAddButtonHTML" style="display:none;">
<a href="#" class="button"><img alt="Add Report" src="/images/icons/add.gif" />Add Report</a>
</div>


<!-- InstanceEndEditable --></div>

</div>
</div>

<div id="secondaryContent" class="contrastingColor3">
  <div class="centerBox supplementalContent contrastingColor4">
 
  <span class="POCemail" style="padding-right:10px, margin-top:10px;"></span>
  
  </div>
</div>

</body>
<!-- InstanceEnd --></html>
